Actualmente estoy migrando una aplicación Vue 2 a Vue 3 y, por alguna razón, de repente recibo esta advertencia con frecuencia:
[Vue warn]: Computed property "actions" is already defined in Props.
Esto sucede en un montón de componentes diferentes, con un montón de propiedades diferentes. Si uso las herramientas de desarrollo de Vue para inspeccionar algunos componentes, parece que muchos componentes de repente tienen propiedades calculadas que no forman parte de ese componente, sino que están definidas en el padre o abuelo. De alguna manera, todas las propiedades calculadas se pasan automáticamente a los componentes secundarios.
No tengo idea de qué está causando esto, y no puedo encontrar nada al respecto en los documentos. También parece que la advertencia no siempre se activa (por ejemplo, después de actualizar, es posible que desaparezcan), así que estoy pensando si es algún tipo de error extraño.
Por cierto, no parece romper nada hasta ahora.
¡Gracias por adelantado!
(Sal. Estoy usando Vite)
La razón por la que no incluí ningún código en mi pregunta fue porque la advertencia parecía activarse en muchos lugares/componentes diferentes, y también parecía no activarse siempre, por lo que era difícil averiguar cuál era el código relevante.
Sin embargo, descubrí que es un problema con Vue devtools. Cuando desactivo las herramientas de desarrollo, no recibo la advertencia. También noté que las herramientas de desarrollo estaban ralentizando el tiempo de renderizado, no estoy seguro de si eso está relacionado con este problema.